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SPECIFICATION 

DRAWING TOOL AND DRAWING METHOD 

5 TECHNICAL FIELD 

The present invention relates to drawing tools and methods for 
drawing by pattern parts being dragged and dropped onto canvas using a 
pointing device. 

10 BACKGROUND ART 

Conventional general-use drawing tools are configured such that 
they include pattern part windows in which pattern parts are selected by 
users, canvas onto which drawing is performed with the selected pattern 
parts being dragged and dropped, and palettes in which pattern part 

15 attributes are changed. The number of the palettes equals to the number 
of changeable attributes that the pattern parts have. An example of the 
conventional drawing tools is disclosed in Japanese Laid-Open Patent 
Publication 21,377/1998. 

In the conventional drawing tools, any one of the pattern parts is 

20 selected from the pattern part window using a mouse, and the selected 
pattern part is placed in a desired position of the canvas with a 
drag-and-drop operation by the mouse. The placed pattern part attributes 
are generally predetermined ones as a set of standards, or the ones that 
have been selected and stored in the last operation. For example, in a 

25 state in which a red color has been selected in the color palette and a thick 
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line has been selected in the line thickness palette in the last operation, 
when a quadrangular pattern part is selected in the pattern part window 
using the mouse, and then dragged and dropped on the canvas by the 
mouse, a quadrangular pattern is drawn onto the canvas, in which the 
5 painted color is red and the outline is thick. 

In a case in which attributes need to be changed, the attributes are 
changed by palette selecting operations corresponding to each attribute, for 
example, a pattern part whose attribute needs to be changed, is selected 
using the mouse, and in the state in which the pattern has been selected, a 

10 painting color is then selected, if needed, from the color palette and an 
outline thickness is selected from the line thickness palette. For example, 
in a case in which a quadrangular pattern painted red on the canvas with a 
thick outline is changed to the one painted yellow with a thin outline, the 
operation must be performed in such a way that the quadrangular pattern 

15 is selected using the mouse at first, and then the yellow color is selected 
from the color palette in this state, and the thin line is selected from the 
line thickness palette. 

In the conventional drawing tools, patterns are drawn onto the 
canvas by repeating these series of operations. That is, the conventional 

20 drawing tools have separate operations, which are the drag-and-drop 
operations that determine the positions of the patterns drawn and the 
palette selecting operations that determine how to draw the patterns. 

In the conventional drawing tools, as described above, drawing 
operations have been performed by repeating operations in such a way that 

25 after having selected the pattern parts using the mouse and once placed 
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them on the canvas by the drag-and-drop operations, their attributes are 
then changed. Therefore, in the conventional tools, in order to draw a 
pattern part, drag-and-drop operations for selecting desired pattern parts 
and for determining their positions, must be performed plural times, 
5 which equal to the number of the palettes corresponding to attributes to 
be changed; consequently, there has been a problem in that the operations 
are very troublesome. 

An objective of the present invention, which has been made to solve 
the foregoing problem accordingly, is to provide a drawing tool and a 
10 drawing method in which operations for selecting and determining the 
attributes are simplified. 

DISCLOSURE OF THE INVENTION 
The present invention is to provide a drawing tool that includes : 

15 drawing canvas for drawing pattern parts; a pattern part window for 
displaying a plurality of the pattern parts being a candidate set for 
drawing; a pointing device for dragging and dropping any one, selected 
from the pattern part window, of the pattern parts; an attribute palette 
having a plurality of attribute display regions for displaying attributes 

20 selectively given with respect to the selected pattern part; an attribute 
detection means for detecting in the attribute palette an attribute display 
region through which the pointing device has passed along a route in which 
the selected pattern part is dragged and dropped onto the drawing canvas 
using the pointing device; an attribute hold means for holding an attribute 

25 that is selectively determined corresponding to the detected attribute 
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display region; and a drawing means for drawing, by the selected pattern 
part being dropped onto the drawing canvas, the pattern part having the 
held attribute. 

Consequently, because the attribute can be selected and set based 
5 only on the pattern part passing, along a route in which the attribute of the 
pattern part drawn on the drawing canvas is dragged and dropped onto the 
canvas, through an attribute display region for displaying a desired 
attribute, drawings can be performed by minimal operation. That is, by 
an operation in which the pattern part is dragged and dropped onto the 

10 canvas from the pattern part window, the position where the pattern part 
is drawn on the canvas can be determined, and the attribute to be drawn 
can be also selected and determined. 

Moreover, the present invention is to provide a drawing tool that 
includes a pattern part window provided on a perimeter portion of the 

15 drawing canvas, and an attribute palette provided inward of the pattern 
part window in the drawing canvas. 

Consequently, the attribute can be selected and determined, with a 
small move distance along a route in which the pattern part drawn is 
dragged and dropped onto the canvas from the pattern part window. 

20 Furthermore, the present invention is to provide a drawing method 

that includes the steps of selecting any one of pattern parts from a pattern 
part window for displaying a plurality of pattern parts being a candidate 
set for drawing; based only on the selected pattern part passing, along a 
route in which the selected pattern part is dragged using a pointing device 

25 to move the pattern part into a position in which the pattern part is drawn 
on a drawing canvas, through any of attribute display regions in an 
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attribute palette having a plurality of the attribute display regions for 
displaying attributes selectively given with respect to the selected pattern 
part, detecting the attribute display region, and holding an attribute 
selectively determined corresponding to the detected attribute display 
region; and drawing the pattern part provided with the held attribute by 
the selected pattern part being moved and dropped into the position where 
the pattern part is drawn on the drawing canvas. 

Consequently, because the attribute can be selected and set based 

only on the pattern part passing, along a route in which the attribute of the 
pattern part drawn on the drawing canvas is dragged and dropped onto the 
canvas, through an attribute display region for displaying a desired 
attribute, drawing can be performed by minimal operation. That is, by an 
operation in which the pattern part is dragged and dropped onto the 
canvas from the pattern part window, the position where the pattern part 
is to be drawn onto the canvas can be determined, and the attribute to be 
drawn can be also selected and determined. 

BRIEF DESCRIPTION OF DRAWINGS 

Fig. 1 is a system configurational view of a drawing tool according 
to the present invention; 

Fig. 2 is a circuit configurational view of the drawing tool according 
to the present invention; 

Fig. 3 is a flowchart illustrating an operation of the drawing tool 
according to the present invention; 

Fig. 4 is a view representing a state in which, when a pattern part 



is dragged and dropped from a pattern part window onto canvas, attributes 
of the pattern part are stored in a pattern-part-attribute temporary storage 
unit of a storage unit in the drawing tool according to the present 
invention; 

5 Fig. 5 is a view representing a state in which, when a pattern part 

placed on the canvas is dragged and dropped, attributes of the pattern part 
are stored in the pattern-part-attribute temporary storage unit of the 
storage unit in the drawing tool according to the present invention; 

Fig. 6 is a view representing states in which attributes of pattern 
10 parts drawn on the canvas are stored in a pattern-part-attribute storage 
unit of the storage unit in the drawing tool according to the present 
invention; 

Fig. 7 is a view representing a state in which information as to 
whether a pointer of a mouse passes into an attribute palette is stored in a 
15 passing-into palette flag of the storage unit in the drawing tool according to 
the present invention; and 

Fig. 8 is a view for explaining a state in which the pointer of the 
mouse passes through the attribute palette in the drawing tool according to 
the present invention. 

20 

BEST MODE FOR CARRYING OUT THE INVENTION 

Embodiment 1. 

A preferred embodiment will be explained using the figures. Fig. 1 
is a schematic configurational view illustrating a drawing tool 1 in 
25 Embodiment 1 of the present invention, and Fig. 2 is a circuit block 
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diagram of the drawing tool 1 illustrated in Fig. 1. As illustrated in Fig. 1 
and Fig. 2, the drawing tool 1 in this embodiment has an inputting device 7 
being a pointing device such as a mouse 7a, a display device 8 such as a 
CRT (cathode ray tube), a data processing unit 9 for processing data in the 
5 drawing tool, and a storage unit 10 used for calculating in the data 
processing. 

The data processing unit 9 includes" an attribute -information 
creating means 9a for storing attribute information of pattern parts in a 
pattern-part-attribute temporary storage unit 10c that will be explained 

10 later, when a user has started to drag and drop pattern parts 4 from a 
pattern part window 3 onto drawing canvas (hereinafter conveniently 
referred to as canvas) 2 using the mouse 7a; a passing-into-palette 
determining means 9b for determining whether the pointer of the mouse 7b 
is in attribute palettes (hereinafter conveniently referred to as palettes) 5; 

15 an attribute -information updating means 9c for updating attribute 
information of a pattern when the pattern passes through the palette 5; 
and a pattern-part drawing means 9d for drawing a pattern part 4 on the 
canvas 2, at the point when the pattern part 4 is dragged and dropped onto 
the canvas 2 except for the palettes 5 portion. In addition, the storage 

20 unit 10 includes- a passing-into palette flag 10a for holding whether the 
pointer of the mouse 7a is in the palettes 5; a pattern-part-attribute 
storage unit 10b for holding attribute information of all patterns drawn on 
the canvas 2; and the pattern-part-attribute temporary storage unit 10c 
temporarily used for holding attributes in the palettes 5 where the pointer 

25 of the mouse 7a has passed through, when the pointer has passed through 
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the palettes in an operation process in which a pattern part 4 is dragged. 

The whole operation of the drawing tool in this embodiment will be 
explained using a flowchart illustrated in Fig. 3. Fig. 3 is the flowchart in 
a case when the user selects a pattern part 4 in the pattern part window 3, 
5 and drags and drops the pattern part onto the canvas 2 through the 
palettes 5. 

Here, in this embodiment, a case in which selectable attributes are 
assumed to have two items, which are color and outline thickness will be 
explained. 

10 When the user selects any one of the pattern parts 4 and moves the 

selected pattern part 4 from the pattern part window 3 by a drag operation, 
in attribute -information creation processing step STIOO, information 
related to its pattern is stored in the pattern-part-attribute temporary 
storage unit 10c by the attribute-information creating means 9a. The 

15 pattern-part- attribute temporary storage unit 10c includes an ID 
(identifier), shape, position, size, painting color, and outline thickness, as 
represented in Fig. 4 and Fig. 5. The ID is a numerical value uniquely 
given to the pattern. The shape is an outline in which the pattern part 4 
is drawn onto the canvas 2, and the position is given by coordinates where 

20 the pattern part 4 is drawn onto the canvas 2. Moreover, the size 
represents a length of one of sides when the pattern is quadrangular or 
triangular, or represents a diameter when the pattern is circular. The 
painting color represents color inside the pattern when the pattern part 4 
is drawn onto the canvas 2, and the outline thickness represents an outline 

25 thickness of the pattern when the pattern part 4 is drawn onto the canvas 
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2. 

The size drawn is predetermined depending on the type of the 
pattern when the pattern part 4 is dragged and dropped onto the canvas 2 
from the pattern part window 35 for example, in a case of the quadrangular 
5 pattern the size is 20. 

In attribute -information creation processing step 100, the 
attribute -information creating means 9a creates and stores the ID, size, 
shape, painting color and outline thickness, but not store the position. 

An ID given to a pattern-part-attribute of the pattern 4 that is 
10 newly dragged is set to the maximum value, among the numerical values of 
IDs that have been already stored in the pattern-part-attribute storage 
unit 10b on the canvas, plus one, as represented in Fig. 6. A painting 
color and an outline thickness that have been selected in each palette 5 at 
the moment when dragging operation has been performed are stored. 
15 Fig. 4 is an example representing how a pattern-part-attribute is 

stored in the pattern-part-attribute temporary storage unit 10c, when the 
pattern part 4, in a case in which "yellow" and "thin" are selected in the 
color palette 5a and the line thickness palette 5b, respectively, is selected 
and dragged-and-dropped onto the canvas 2. In addition, in such a case, 
20 because the maximum value of the IDs provided to the pattern parts 
already having been drawn is 7 according to Fig. 6, the ID provided to this 
new part becomes 8 (= 7 + 1) . In Fig. 4, specific data has not yet been 
stored in a position data box. 

Next, in passing-into-palette determination processing step STlOl, 
25 it is determined by the passing-into-palette determining means 9b whether 
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the pointer of the mouse 7a has passed into either of the coordinates of the 
palettes 5. The determination result is stored in the passing-into-palette 
flag 10a represented in Fig. 7 in passing-into-palette determination 
processing step STIOI. As a value of the passing-into-palette flag 10a, in 
5 a case in which the pointer of the mouse 7a is in either of the palettes 5, "1" 
is stored, while in a case being in neither of the palettes 5, "0" is stored. 
Because "V is stored in Fig. 7, it represents the case in which the pointer 
of the mouse 7a is in either of the palettes 5. 

Consequently, at the time when the user starts to drag the pattern 
10 part 4 from the pattern part window 3, the value of the passing-into-palette 
flag 10a is "0". 

In passing-into-palette determination processing step STlOl, the 
determination processing as to whether the pointer of the mouse 7a has 
passed into the palette coordinates, is performed by judging whether the 

15 x-coordinate and y -coordinate of the mouse 7a have been in the 
x-coordinate and ycoordinate of the palette. For example, as illustrated 
in Fig. 8, when the pointer of the mouse 7a on the coordinates of the 
drawing tool points that the x-coordinate is 800 and the y-coordinate is 400 
(point "A" in Fig. 8), the coordinates on the color palette 5a are assumed 

20 that the x-coordinate is 600 - 700 and the ^coordinate is 200 - 500. 
Comparing the y-coordinate of the pointer of the mouse 7a with the 
y-coordinate on the color palette 5, the ycoordinate of the pointer of the 
mouse 7a is in the range of the y-coordinate on the color palette 5; however, 
the x-coordinate of the pointer of the mouse 7a is out of the range of the 

25 x-coordinate on the color palette 5. 
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As represented in step ST102, in a case in which either or both of 
the x coordinate and ycoordinate of the pointer of the mouse 7a are out of 
the range of the x coordinate or ycoordinate of a palette 5, the pointer of 
the mouse 7a is judged not to have passed into the palette coordinates, and 
5 the value of the passing into palette flag becomes "0". In a case in which 
both of the x-coordinate and the ycoordinate of the pointer of the mouse 7a 
are in the range of the x-coordinate and the ycoordinate of the palette 5, 
the pointer of the mouse 7a is judged to have passed into the palette 
coordinates, the value of the passing-into palette flag becomes "1". 
10 While the pointer of the mouse 7a is not on the palette 5, that is, 

while the value of the passing-into palette flag 10a is "0", the 
passing-into-palette determination processing in step STIOI continues 
until the pattern is dropped, that is, until the dropping is detected in step 
ST104. 

15 When the pointer of the mouse 7a has passed into the coordinates 

of the color palette 5a, that is, when the passing-into palette flag 10a is "1", 
attribute-information update processing in step ST103 continues. In 
attribute-information update processing step ST103, the 
attribute information updating means 9c updates information as to how 

20 the pattern part 4 is drawn, when the pattern part 4 is dropped onto the 
canvas 2 based on the coordinates where the pointer of the mouse 7a has 
passed through the palette 5. 

As represented in Fig. 8, for example, in a case in which the pointer 
of the mouse 7a have passed into the portion corresponding to the attribute 

25 being "red" in the attribute display portion of the color palette 5a, "1" is 



- 11 - 



stored in the passing-into palette flag 10a in passing-into-palette 
determination processing step STIOI, then the painting color in the 
pattern-part-attribute temporary storage unit 10c is updated from "yellow" 
to "red". 

5 After this, if the pointer of the mouse 7a moves out from the color 

palette 5a without passing through any portion except for the attribute 
display portion being "red", in passing-into-palette determination 
processing step STlOl, "0" is stored in the passing into palette flag 10a. 

If the pointer of the mouse 7a has passed through the "blue" portion 

10 of the color palette 5a, after once having passed through the "red" portion, 
and has passed out from the color palette 5a, the painting color of the 
pattern-part-attribute temporary storage unit 10c is updated from "red" to 
"blue" in step ST103. In Fig. 8, an example is illustrated in which the 
pointer of the mouse 7a has only passed through the "red" portion of the 

15 color palette 5. 

After this, in a case in which the pointer of the mouse 7a passes 
into the coordinates of the line thickness palette 5b, the passing-into 
palette flag 10a becomes "1" in step STIOI, the attribute -information 
update processing in step ST103 continues. For example, as illustrated in 

20 Fig. 8, in a case in which the pointer of the mouse 7a passes into the 
coordinates of the line thickness palette 5b, because the pointer of the 
mouse 7a passes into a portion corresponding to the attribute being 
"regular" among the attribute display portion in the line thickness palette 
5b, the painting color of the pattern-part-attribute temporary storage unit 

25 10c is updated from "thin" to "regular" in step ST103. 
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Then, if the pointer of the mouse 7b has not passed through 
portions except for the "regular" of the attribute display portion and has 
passed out from the line thickness palette 5b, "0" is stored in the 
passing-into palette flag 10a in step STIOI; consequently, processing in 
5 step STlOl, step ST102, and step ST104 is repeated until the pattern part 
4 under being dragged is dropped or passes again into the palette 5. 

In a case in which the user passes the pattern part 4 through the 
"red" portion of the color palette 5a and the "regular" portion of the line 
thickness palette 5b, and drops the pattern part 4 onto the canvas 2, a 

10 pattern-part drawing processing in step ST105 is performed. 

In pattern-part drawing processing step ST105, by the pattern-part 
drawing means 9d, the pointer coordinates of the mouse 7a at the time 
when the pattern part 4 is dropped onto the canvas 2 are inputted into the 
pattern-part-attribute temporary storage unit * 10c, and the pattern is 

15 drawn onto the canvas 2 based on the information of the 
pattern-part-attribute temporary storage unit 10c. After drawing, the 
pattern-part drawing means 9d adds the contents of the 
pattern-part-attribute temporary storage unit 10c to the 
pattern-part -attribute storage unit 10b. 

20 The processing flow of a case has been explained above in which the 

user selects the pattern part 4 in the pattern part window 3, passes it 
through the palettes 5, and drags and drops onto the canvas 2; however, in 
a case in which the pattern part 4 does not pass through the palettes 5, the 
flow becomes as follows. 

25 Similarly to the case in which the pattern part 4 passes through the 
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palettes 5, when the user has moved the pattern part 4 from the pattern 
part window 3 by the drag operation, information related to the pattern is 
stored in the pattern part-attribute temporary storage unit 10c. 

In passing-into-palette determination processing step STIOI, it is 
5 determined whether the pointer of the mouse 7a has passed into the 
coordinates of the palettes 5j here, the value of the passing-into palette flag 
10a is "0" because the pointer of the mouse 7a does not pass through the 
palettes 5. 

At this moment, the pattern-part-attribute temporary storage unit 
10 10c stores the ID, shape, size, painting color and outline thickness, but not 
store the position. In this case, the painting color and the outline 
thickness are made to be the predetermined ones as the standard set, or 
the selected and stored ones in the last operation. 

When a pattern is dropped in step ST104, the pattern-part drawing 
15 process in step ST105 is performed. The pointer position of the mouse 7a 
at its dropped point is inputted into the pattern-part-attribute temporary 
storage unit 10c, and the pattern is drawn onto the canvas 2 based on the 
information of the pattern-part attribute temporary storage unit 10c. 
After the pattern has been drawn, the contents of the 
20 pattern-part-attribute temporary storage unit 10c are added to the 
pattern-part-attribute storage unit 10b. 

Next, a processing flow of the case will be explained in which the 
attributes of the pattern part 4 already placed on the canvas 2 are changed. 
As an example, a processing flow is represented as to a case in 
25 which the attributes of the pattern in which the ID in the 
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pattern-part-attribute storage unit 10b, as represented in Fig. 6, is "1", 
that is, the attributes of the quadrangular pattern part in which the 
painting color is "red" and the outline thickness is "thick", are changed. It 
is assumed that this quadrangular pattern has a side -length of 50 and is 
5 drawn at the point where the x-coordinate is "100" and the y-coordinate is 
"500". 

In a case in which the user moves a pattern whose ID is "1" and 
that is placed on the canvas 2 by a drag operation, in attribute -information 
creation processing step STIOO, information related to the pattern, that is, 

10 information related to the pattern part whose ID is "1", in the 
pattern-partattribute storage unit 10b, is copied into the 
pattern-part-attribute temporary storage unit 10c. That is, differing from 
the case of the pattern part 4 being dragged from the pattern part window 
3, as represented in Fig. 5, the ID, shape, size, painting color, and outline 

15 thickness in the pattern-part-attribute temporary storage unit 10c become 
those already stored in the pattern-part- attribute storage unit 10b. The 
position is not stored. 

In passing-into-palette determination processing step STIOI, it is 
determined whether the pointer of the mouse 7a, in a state in which the 

20 user drags the pattern part 4 already drawn, has passed into the 
coordinates of the palettes 5. At the time when the user starts to drag the 
pattern part 4 onto the canvas 2, the value of the passing-into palette flag 
10a is "0". 

When the pointer of the mouse 7a is not in the palettes 5, that is, 
25 when the value of the passing-into palette flag 10a is "0", the 
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passing-into'palette determination processing in step STIOI continues 
until any one of the patterns is dropped in step ST102 and step ST104. 

For example, when the pointer of the mouse 7a passes into the 
coordinates of the color palette 5a, that is, when the value of the 
5 passing into palette flag 10a is "1", similarly to the case in which a pattern 
part 4 is dragged and dropped from the pattern part window 3 onto the 
canvas 2, the attribute-information update processing in step ST103 is 
performed. 

For example, if it is assumed that the pointer of the mouse 7a has 
10 passed into the "blue" region in the color palette 5a, the painting color in 
the pattern-part-attribute temporary storage unit 10c is updated from 
"red" to "blue". After this operation, if the pointer of the mouse 7a has 
passed out from the color palette 5a without passing into regions other 
than the "blue" region of the color palette 5a, processes in step STlOl, step 
15 ST102, and step ST104 are repeated unless the value of the passing-into 
palette flag becomes "0" in passing-into palette determination processing 
step STIOI, and the pattern part is dropped or the pointer passes into the 
palette again. 

In a case in which the user has dropped the pattern part 4 onto the 
20 canvas 2 after having passed the pointer through the "blue" region in the 
color palette 5a, the pattern-part drawing processing in step ST105 is 
performed. 

In pattern-part drawing processing step ST105, a pointer position 
of the mouse 7a, when the pattern is dropped, is inputted into the 
25 pattern-part-attribute temporary storage unit 10c, and based on the 
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information in the pattern-part-attribute temporary storage unit 10c, the 
pattern is drawn onto the canvas 2. After drawing, the contents in the 
pattern-part-attribute temporary storage unit 10c are overwritten on a Une 
of the pattern-part-attribute storage unit 10b having the same ID as that of 
5 the pattern-part-attribute temporary storage unit 10c. In this example, 
because the ID of the pattern-part-attribute temporary storage unit 10c is 
"1", the contents in the pattern-part-attribute temporary storage unit 10c 
are overwritten on the line of the pattern-part-attribute storage unit 10b 
whose ID is "1". 

10 Here, in the above described explanation, it has been described in 

the case where a simple pattern such as a quadrangular pattern or circular 
pattern has two attributes, which are the painting color and outline color! 
however, it is understood that the invention is not limited to shapes or 
kinds of the attributes of patterns as far as the patterns have attributes, 

15 and that the invention can be utilized in various kinds of drawing tools. It 
is also understood that not only "figures" such as a quadrangle or circle but 
also characters, etc., as pattern parts, can be handled. For example, in a 
case in which characters as the pattern parts are handled, attributes such 
as a kind of fonts, font size, underline, fat character, and italic character as 

20 the palette can be set by once-time drag-and-drop operation. 

According to the present invention as described above, when the 
pattern part is selected from the pattern part window, and dragged and 
dropped onto the drawing canvas, because a means of selecting and 
determining the pattern part attributes drawn onto the drawing canvas is 

25 provided by the pattern part passing through the desired attributes in the 
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palette, the drawing can be performed with minimal operation. That is, 
by one single operation in which the pattern part is dragged and dropped 
from the pattern part window onto the canvas, the position where the 
pattern part is drawn onto the canvas is determined, and, at the same time, 
5 the attributes drawn can be selected and determined. 

INDUSTRIAL APPLICABILITY 
As described above, a drawing tool and drawing method according 
to the present invention is suitably used for drawing in which attributes 
10 related to a plurality of items with respect to a pattern part need to be 

selected. 
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